
import tpl from './index.html';

export default {
    // 加载模板文件
    template: tpl,
    // 本地注册子模板(可选)
    afterCreate: function(){
        this.partial('partialTpl', this.get('partialTpl'));
    },
    // 接受外部数据
    propTypes: {
        // 1、常用
        // 组件唯一默认对外双向绑定的数据
        value: {
            type: 'boolean',
            value: false
        },
        // 组件包裹层自定义行内样式
        style: {
            type: 'string',
            value: ''
        },
        // 2、更多
        mini: {
            type: function (value, props){
                // 只要传了disabled，不管写没写值都算
                return true;
            },
            value: false
        },
        disabled: {
            type: function (value, props){
                // 只要传了disabled，不管写没写值都算
                return true;
            },
            value: false
        }
    },
    // 内部数据
    data: function(){
        return {
            name: "组件名称",
            // 状态
            states: {

            },
            // 配置
            opts: {

            }
        }
    },
    // 方法
    methods: {
        switchState: function(){
            if(this.get('disabled')){
                return false;
            }
            this.toggle('value');
        }
    },
    // 事件
    events: {
        submit:function(){
            layer.msg('默认submit');
            return false;
        }
    },
    // 内部过滤器
    filters: {
        
    },
    // 数据监听
    watchers: {
        "value": {
            watcher: function(newValue){
                
            },
            sync: true
        }
    },
    afterMount: function(){
        var self = this;
        
    }
};